<script setup lang="ts">
import { reactive } from 'vue'
import { Folder } from '@element-plus/icons-vue'

// 表单数据
const form = reactive({
  exportType: 'word',
  exportPath: '',
})
</script>

<template>
  <div>
    <!-- 导出类型 -->
    <el-form-item label="导出类型">
      <el-radio-group v-model="form.exportType">
        <el-radio label="excel">Excel</el-radio>
        <el-radio label="word">Word</el-radio>
      </el-radio-group>
    </el-form-item>

    <!-- 导出地址 -->
    <el-form-item label="导出地址">
      <el-input v-model="form.exportPath" clearable>
        <template #append>
          <el-button :icon="Folder" circle />
        </template>
      </el-input>
    </el-form-item>
  </div>
</template>
